pre,i[rel="pre"] {
  display:block;
  font:normal normal 12px/normal "Courier New",Courier,Monospace;
  color:#839496;
  padding:.5em .5em .5em 1em;
  background-color: rgba(0, 0, 0, 0.6);
  border-left:4px solid #268bd2;
  position:relative;
  overflow:auto;
  word-wrap:normal;
  white-space:pre;
}
pre code {
  display:block;
  font:inherit;
  color:inherit;
  letter-spacing:0;
  white-space:pre;
}
pre[rel="HTML"],pre[data-codetype="HTML"] {border-left-color:#4584BE;}
pre[rel="CSS"],pre[data-codetype="CSS"] {border-left-color:#5DA028;}
pre[rel="JavaScript"],pre[data-codetype="JavaScript"] {border-left-color:#bbb;}
pre[rel="JQuery"],pre[data-codetype="JQuery"] {border-left-color:#7073CF;}
pre[rel="JQuery UI"],pre[data-codetype="JQuery UI"] {border-left-color:#E36B23;}
pre[rel="XML"],pre[data-codetype="XML"] {border-left-color:#C44032;}
pre[rel*="+"],pre[data-codetype*="+"] {border-left-color:#7C814D;}
pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .lisp .string,pre .javadoc {
  color:#586e75;
  font-style:italic;
}
pre .keyword,pre .css .rule .keyword,pre pre .winutils,pre .javascript .title,pre .method,pre .addition,pre .css .tag,pre .lisp .title {color:#859900;}
pre .number,pre .command,pre .string,pre .tag .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor {color:#2aa198;}
pre .title,pre .localvars,pre .function .title,pre .chunk,pre .decorator,pre .builtin,pre .built_in,pre .lisp .title,pre .identifier,pre .title .keymethods,pre .id {color:#268bd2;}
pre .tag .title,pre .rules .property,pre .django .tag .keyword {font-weight:bold;}
pre .attribute,pre .variable,pre .instancevar,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .label {color:#b58900;}
pre .preprocessor,pre .pi,pre .shebang,pre .symbol,pre .diff .change,pre .special,pre .keymethods,pre .attr_selector,pre .important,pre .subst,pre .cdata {color:#cb4b16;}
pre .deletion {color:#dc322f;}
pre .tex .formula {background:#073642;}
pre.numbered {
  border-left-width:2px;
  padding-left:1em;
}
pre .line-number,pre.numbered code {
  display:block;
  line-height:16px;
}
pre .line-number {
  float:left;
  margin:0 1em 0 -1em;
  color:#586E75;
  border-right:2px solid #222;
  text-align:right;
  min-width:35px;
}
pre .line-number span {
  display:block;
  position:relative;
  padding:0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color:#000;}
pre .line-number span em {
  position:absolute;
  bottom:-1px;
  left:100%;
  background-color:orange;
  padding:0 2px 1px 2px;
  border:1px solid black;
  font-style:normal;
  color:black;
  display:none;
}
pre .line-number span:hover em {display:block;}
pre .line-number span:target a {
  display:block;
  color:white;
  position:relative;
  background-color:#268bd2;
  margin:0 -.5em 0 -1em;
  padding:0 .5em 0 0;
}
pre.numbered code span {line-height:12px;}
pre[data-codetype="HTML"] .line-number span:target a {background-color:#4584BE;}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#5DA028;}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#bbb;}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#7073CF;}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23;}
pre[data-codetype="XML"] .line-number span:target a {background-color:#C44032;}
pre[data-codetype*="+"] .line-number span:target a {background-color:#7C814D;}
pre .line-number span:target:before {
  content:"";
  display:block;
  height:150px;
  margin-top:-150px;
  visibility:hidden;
}
.bright-code pre {
  background-color:white;
  color:#657b83;
  border:1px solid #E9E7E0;
}
.bright-code pre code {color:#657b83;}
.bright-code pre .line-number {border-right-color:#6CE26C;}
.bright-code pre .line-number span a {color:#bbb;}
.bright-code pre .line-number span:nth-child(even) {background-color:#eee;}
.bright-code pre .line-number span:target,pre .line-number span:target {background:none;}
.bright-code pre .line-number span:target a {color:black;}
.bright-code .comment,.bright-code .template_comment,.bright-code .diff .header,.bright-code .doctype,.bright-code .lisp .string,.bright-code .javadoc {color:#bbb;}
pre .highlight,pre .highlight span,pre .highlight span[class],pre mark,pre mark span,pre mark span[class] {color:black;}
pre code .branch-link,pre code .branch-link:hover {
  background-color:#052127;
  color:#839496;
  text-decoration:none;
  border:1px dotted;
  line-height:12px;
}
pre.plain,.bright-code pre.plain {
  border:1px solid #ccc;
  background:none;
  padding:1.5em 2em;
  margin-left:0;
  margin-right:0;
}
